<!doctype html>
<html lang="zh-hans">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">

<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/main.css">    
<script src="lib/jquery-2.1.1.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
<title>top</title>
</head>
<body>


					
													
					
<!--
<div class="container navbar-bottom">
<div class="row" id="bottom">
    <div class="col-xs-3"><button type="button" class="home2 btn btn-info">基本</button></div>
    <div class="col-xs-3"><button type="button" class="home2 btn btn-info">扩展</button></div>
    <div class="col-xs-3"><img class="home3 center-block" src="images/time.png"></div>
    <div class="col-xs-3"><img class="home3 center-block" src="images/run.png"></div>
    <div class="col-xs-12"><hr></div>
</div>
</div>							
-->
				
<!--挖掘机品牌--><div><hr>现有挖机品牌</div>
<div class="form-group">
<label><input type="checkbox">卡特</label>
<label><input type="checkbox">小松</label>
<label><input type="checkbox">日立</label>
<label><input type="checkbox">斗山</label>
<label><input type="checkbox">现代</label>
<label><input type="checkbox">沃尔沃</label>
<label><input type="checkbox">神钢</label>
<label><input type="checkbox">其他</label>
</div>

<!--装载机品牌--><div><hr>现有装机品牌</div>
<div class="form-group">
<label><input type="checkbox">柳工</label>
<label><input type="checkbox">临工</label>
<label><input type="checkbox">成工</label>
<label><input type="checkbox">龙工</label>
<label><input type="checkbox">厦工</label>
<label><input type="checkbox">山工</label>
<label><input type="checkbox">其他</label>
</div>

<!--欲购设备类型--><div><hr>欲购设备类型</div>		
<div class="form-group">
<label><input type="checkbox">挖掘机</label>
<label><input type="checkbox">装载机</label>
<label><input type="checkbox">其他</label>
</div>

<!--客户类型--><div><hr>客户分类</div>
<div class="container"><div class="row">
<div class="col-xs-3"><label><input type="radio" name="ops1" id="op2" value="1">无</label></div>
<div class="col-xs-3"><label><input type="radio" name="ops1" id="op2" value="1"><img class="home" src="images/star.png"></label></div>
<div class="col-xs-3"><label><input type="radio" name="ops1" id="op2" value="2"><img class="home" src="images/moon.png"></label></div>
<div class="col-xs-3"><label><input type="radio" name="ops1" id="op2" value="3"><img class="home" src="images/sun.png"></label></div>
</div></div><!--row--container-->

<!--给赞--><div><hr>给赞</div>
<div class="container"><div class="row">
<div class="col-xs-4"><label><input type="radio" name="ops2" id="op2" value="1">无</label></div>
<div class="col-xs-4"><label><input type="radio" name="ops2" id="op2" value="1"><img class="home" src="images/zan.png"></label></div>
<div class="col-xs-4"><label><input type="radio" name="ops2" id="op2" value="2"><img class="home" src="images/dan.png"></label></div>
</div></div><!--row--container-->


<!--欲购时间--><div><hr>购机时间</div>
<div class="container"><div class="row">
<div class="col-xs-12">预计达成销售时间为：2015/03/12</div>
<div class="col-xs-6"><label><input type="radio" name="ops3" id="op2" value="1">不确定</label></div>
<div class="col-xs-6"><label><input type="radio" name="ops3" id="op2" value="2">一月内</label></div>
<div class="col-xs-6"><label><input type="radio" name="ops3" id="op2" value="3">三月内</label></div>
<div class="col-xs-6"><label><input type="radio" name="ops3" id="op2" value="4">半年内</label></div>
</div></div><!--row--container-->




<!--提交，修改为触发模态的方式--><div><hr></div>
<div class="container navbar-fixed-bottom">
<button type="button" class="btn btn-info center-block" data-toggle="modal" data-target="#myModal">提交</button>
</div><!--container-->

<!-- 按钮触发模态框 START-->    
<!--<button type="button" class="btn btn-info center-block" data-toggle="modal" data-target="#myModal">提交</button>-->
<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" 
aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<!--<h4 class="modal-title" id="myModalLabel">确认修改</h4>-->
</div>

<div class="modal-body">
hello      
</div>

<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary">确定</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<script>
$(function () { $('#myModal').modal({
keyboard: false;
})});
</script>
<!--按钮触发模态框 END -->
						
			
				

</body>
</html>